<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>sign up</title>
		<link rel="stylesheet" href="../图标/font-awesome-4.7.0/font-awesome-4.7.0/css/font-awesome.css">
		<link rel="stylesheet" href="login.css">
		<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"/>
	</head>
	<body>
		<article class="box1" id="sign">
			<form class="login_create none" id="login-in">
				<h2>Sign up</h2>
				<div class="inputBox1">
					<i class="fa fa-user " aria-hidden="true" style="position: relative;top: 25px;left: -25px;color: #EEEEEE;"></i><input type="text" name="" required="" >
					<label>Username</label>
				</div>
				<div class="inputBox1">
					<i class="fa fa-key " aria-hidden="true" style="position: relative;top: 25px;left: -25px;color: #EEEEEE;"></i><input type="password" name="" required="" id="psw1">
					<label>password</label>
					<i id="eye1" class="fa fa-eye-slash" aria-hidden="true" style="position: relative;top: -62px;right: -285px;color: #EEEEEE;"></i>
				</div>
				<div class="inputBox1" data-toggle='distpicker'>
					<i class="fa fa-map-marker" aria-hidden="true" style="position: relative;top: 25px;left: -25px;color: #EEEEEE;"></i>
					<select class="form-control"></select>
					<select class="form-control"></select>
				</div>
				<input type="submit" name="" value="submit">
				<div class="Su">
					<span class="login-account">Already have an Account?</span>
					<a  href="login.html" class="login-signup" id="sign-up">Sign in</a>
				</div>
			</form>
		</article>
		<script type="text/javascript" src="../js/jq22jQueryDownload808920161027/jQueryDownload/jquery-1.11.3.min.js"></script>
		<script type="text/javascript" src="../js/jq22jQueryDistpicker881120160621/jQueryDistpicker20160621/dist/distpicker.data.js"></script>
		<script type="text/javascript" src="../js/jq22jQueryDistpicker881120160621/jQueryDistpicker20160621/dist/distpicker.js"></script>
	</body>
	<script>
	       var password = document.getElementById('psw1');
	       var anniu = document.getElementById('eye1');
	       anniu.addEventListener('click',function(){
	           if(password.type==='password')
	           {
	               password.setAttribute('type','text');
	               eye1.className = 'fa fa-eye';
	           }else{
	            password.setAttribute('type','password');
	               eye1.className = 'fa fa-eye-slash';
	           }
	       })
	   </script>
</html>
